<template>
	<cl-page status-bar-background="transparent" :padding="20">
		<view class="swiper">
			<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
				<swiper-item>
					<view class="swiper-item">
						<image src="https://gao-1256443190.cos.ap-nanjing.myqcloud.com/1431727007388_.pic.jpg"
							mode="scaleToFill"></image>
					</view>
				</swiper-item>
				<swiper-item class="swiper-item">
					<image src="https://gao-1256443190.cos.ap-nanjing.myqcloud.com/1441727007389_.pic.jpg"
						mode="scaleToFill"></image>
				</swiper-item>
			</swiper>
		</view>
		<view class="company-info">
			<view class="company-title">公司简介</view>
			<view class="company-content">
				<image src="../../static/logo.png" mode="scaleToFill" align="right"></image>
				<view>
					<view class="company-content-item">
						湖南聚友极致供应链管理有限公司，创立于2014年，是一家在电商仓储领域深耕细作、追求卓越的企业。我们秉持着客户至上、质量为本、合作共赢的经营理念，致力于为广大电商客户提供一流的仓储解决方案。
					</view>
					<view class="company-content-item">
						我们将质量视为企业的生命。云仓采用先进的天机WMS仓储管理系统，进行全流程精准监控，确保每一个环节都符合严格的质量标准。
					</view>
					<view class="company-content-item">
						客户至上是我们永恒不变的宗旨。我们拥有一支专业且富有责任心的客服团队，为客户提供7×24小时的一站式服务。
					</view>
					<view class="company-content-item">
						我们深知合作的力量。积极与各大电商平台、供应商、物流企业建立紧密的合作关系，整合资源，优势互补，共同打造高效协同的云仓供应链生态，实现多方共赢。
					</view>
					<view class="company-content-item">
						我们坚信，只有实现共赢，才能长久发展。在与客户的合作中，我们不仅仅是服务提供者，更是合作伙伴。我们致力于帮助客户降低成本、提高效率、持续创新和优化服务，与客户携手共创美好未来。
					</view>
					<view class="company-content-item">
						选择聚友云仓，就是选择可靠的质量、贴心的服务、广阔的合作空间和共同的成功。让我们携手共进，在电商的蓝海中破浪前行！
					</view>
				</view>
			</view>
		</view>

		<view class="footer" :style="{bottom: isIphone ? '198rpx' : '130rpx'}">
			<cl-button @click="gotoLogin" background-color="#008c8c" color="#fff">云仓登录</cl-button>
			<cl-button @click="gotoLoginCode" background-color="#008c8c" color="#fff">货主登录</cl-button>
		</view>
		<tabbar :code="code" />
	</cl-page>
</template>

<script lang="ts" setup>
	import { onLoad, onShow } from "@dcloudio/uni-app";
	import Tabbar from "./components/tabbar.vue";
	import { ref } from 'vue';
	import { useCool } from "/@/cool";

	async function gotoLogin() {
		uni.navigateTo({
			url: "/pages/user/login"
		})
	}

	async function gotoLoginCode() {
		uni.navigateTo({
			url: "/pages/user/loginCode"
		})
	}
	const isIphone = ref(false)
	const { storage } = useCool()
	const code = ref("")
	onLoad(async () => {
		uni.getSystemInfo({
			success: res => {
				let model = res.model;
				if (model.includes('iPhone')) {
					isIphone.value = true;
				} else {
					isIphone.value = false;
				}
			}
		})

	})
	onShow(async () => {
		code.value = storage.get("code");
		if (!code.value) {
			if (storage.get('uni_id_token')) {
				const uniIdCo = uniCloud.importObject('uni-id-co')
				uniIdCo.refreshToken()
				const res = await uniIdCo.getAccountInfo()
				code.value = res.data.username || ''
			}
		}
	})
</script>

<style lang="scss" scoped>
	$gap: 24rpx;

	.company-info {
		margin: 40rpx 0;

		.company-title {
			color: #008c8c;
			font-weight: 600;
			margin-bottom: 20rpx;
		}

		.company-logo {
			width: 300rpx;
		}

		.company-content {
			image {
				width: 300rpx;
				height: 300rpx;
				float: left;
				margin-right: 20rpx;
			}

			word-break:break-all;
			color: #2c2c2c;
			font-size: 24rpx;

			.company-content-item {
				text-indent: 2em;
			}
		}
	}

	.footer {
		position: fixed;
		display: flex;
		justify-content: flex-end;
		width: 100%;
		padding-right: 40rpx;
		box-sizing: border-box;
	}

	.swiper-item {
		image {
			width: 100%;
			height: 400rpx;
		}
	}
</style>